<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/js/jquery-3.6.3.js}"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
          integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossOrigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
          integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
          crossOrigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
            crossOrigin="anonymous"></script>
</head>
<body>
<div class="jumbotron jumbotron-fluid">
    <div class="container">
        <h1 class="display-4">自如业主</h1>
        <p class="lead">做全世界受人尊重和喜爱的,提供高品质居住体验的科技公司-----ziroom</p>
    </div>
</div>
<div class="container-fluid">
    <div class="row " style="font-size: 40px">
        <div class="col-1"></div>
        <div class="col-10">
            <ul class="nav ">
                <li class="nav-item">
                    <a class="nav-link " href="/ziroom_portal/owner/goToRent">一键出租</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/ziroom_portal/owner/goToIntroduce">自如实力</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/ziroom_portal/owner/goToMyHouse">我的房子</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="/ziroom_portal/owner/goToIncome">收益明细</a>
                </li>

            </ul>
        </div>
        <div class="col-1"></div>
    </div>
    <div>
        <div class="card">
            <h5 class="card-header">我的房子</h5>
            <div class="card-body">


                <div class="container" th:each="room,roomLists:${roomList}">
                    <div class="row">
                        <div class="col-sm-2">
                            <img th:src="'http://139.224.186.148:10001/imgs/room/roomImgs/'+${room.getImg()}"
                                 style="width: 100px;height: 100px" alt="房屋图片">
                        </div>
                        <div class="col-sm-8">
                            <p th:text="'我的房屋地址:'+${room.getQname()}+${room.getBuild()}+'栋'+${room.getNumber()}+'号'"></p>
                            <p th:text="'合同开始时间:'+${#dates.format(room.getStartTime(),'yyyy-MM-dd')}"></p>
                            <p th:text="'合同到期时间:'+${#dates.format(room.getEndTime(),'yyyy-MM-dd')}"></p>
                            <hr>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="card">
            <h5 class="card-header">我的租客</h5>
            <div class="card-body">
                <div class="container" th:each="roomVvo,roomUserListStat:${roomUserList}">
                    <div class="row">
                        <div class="col-sm-2">
                            <img src="https://hbimg.huabanimg.com/871aa2b9b0a55be3f0738d76a15e23ebac5c586811e29-B6Aozr_fw658" style="width: 100px;height: 100px" alt="租客信息">
                        </div>
                        <div class="col-sm-8">
                            <p th:text="'租客入住昵称:'+${roomVvo.uname}"></p>
                            <p th:text="'我的房屋地址:'+${roomVvo.getQname()}+${roomVvo.getBuild()}+'栋'+${roomVvo.getNumber()}+'号'"></p>
                            <p th:text="'租客入住时间:'+${#dates.format(roomVvo.getUStartTime(),'yyyy-MM-dd')}"></p>
                            <p th:text="'租客到期时间:'+${#dates.format(roomVvo.getUEndTime(),'yyyy-MM-dd')}"></p>
                            <hr>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

</div>


</body>
</html>